<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="记录下这来之不易的学习资料吧!">
    <link rel="shortcut icon" th:href="@{/img/favicon.ico}" type="image/x-icon">
    <title>AURORA 收藏屋</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/gamehouse.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/allcursor.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/css/iview.css}">
</head>
<body>
<div class="back-top p-r">
    <div class="wave p-a ">
        <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
             viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
            <defs>
                <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
            </defs>
            <g class="parallax">
                <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7)" />
                <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
                <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
                <use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
            </g>
        </svg>
    </div>
    <div class="gamehaner p-ht">
        <h3 class="p-blod c-pink">AURORA 收藏屋</h3>
        <span class="c-purple p-ht text-align">
				<div id="chakhsu" class="p-blod"></div>
				</span>
        </span>
    </div>
</div>
<div class="gamemain p-ht">
    <div class="nav-box p-blod show-box-m" :class="{navboxfixed:navflag}"  id="nav-box">
        <div class="nav-one ">
            <a class="a-default c-black" th:href="@{/}">
                首页<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black p-def" th:href="@{/pcgame}">
                PC大作<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black" th:href="@{/indexgame}">
                小型/独立游戏<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black" th:href="@{/kf}">
                VR游戏<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black"  th:href="@{/kf}">
                模拟器游戏<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black" th:href="@{/search}">
                <svg width="15" height="15" style="position: relative;top: -2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#9AAAB4" d="M27.388 24.642L24.56 27.47l-4.95-4.95 2.828-2.828z"/><path fill="#66757F" d="M34.683 29.11l-5.879-5.879c-.781-.781-2.047-.781-2.828 0l-2.828 2.828c-.781.781-.781 2.047 0 2.828l5.879 5.879c1.562 1.563 4.096 1.563 5.658 0 1.56-1.561 1.559-4.094-.002-5.656z"/>
                    <circle fill="#8899A6" cx="13.586" cy="13.669" r="13.5"/><circle fill="#BBDDF5" cx="13.586" cy="13.669" r="9.5"/>
                </svg> 搜索<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one s-x">
            <a class="a-default c-black" th:href="@{/my}">
                关于我<div class="bor-t"></div>
            </a>
        </div>
        <div class="nav-one-img smallbox" id="tv" type="button" onclick="tvdown()">
            <img th:src="@{/img/webicon/tv.gif}" width="45px">
            <div class="bor-t"></div>
        </div>

        <div class="back-box show-box-d-m button-hover" type="button" :class="{disn:scrollTop<520}" onclick="backclick()" v-cloak="">
            <Tooltip content="返回顶部" placement="left">
                <svg xmlns="http://www.w3.org/2000/svg" width="13px" height="13px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-right-up">
                    <polyline points="10 9 15 4 20 9"></polyline>
                    <path d="M4 20h7a4 4 0 0 0 4-4V4"></path>
                </svg>
            </Tooltip>
        </div>
        <!-- 设置box -->
        <div class="setting-all" id="set-all">
            <div class="setting-box show-box-d-m svg-p-r-2 button-hover" type="button" onclick="setting()">
                <Tooltip content="设置" placement="left">
                    <svg id="rotate-svg" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none"
                         stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                         class="feather feather-settings" data-original-title="" title="">
                        <circle cx="12" cy="12" r="3"></circle>
                        <path
                                d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z">
                        </path>
                    </svg>
                </Tooltip>
            </div>
            <div class="setting-right p-ht p-blod">
                <div class="setting-title-one">
                    <p class="p-default" >设置</p>
                    <Tooltip content="取消所有设置的选中" placement="top-end">
                        <button type="button" class="button-default b-pink" @click="settingreset"><p class="p-default p-blod">重置</p></button>
                    </Tooltip>
                </div>
                <div class="ST">
                    <div class="setting-title">
                        <p class="p-default">固定导航</p>
                        <div type="button" :class="{switch:true,switchs:flag}" @click="navclick"></div>
                    </div>
                    <div class="setting-title">
                        <Tooltip content="不想做了，开摆！" placement="right">
                            <p class="p-default" style="font-size: 15px;">夜晚模式
                                <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px"
                                     viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                     stroke-linecap="round" stroke-linejoin="round"
                                     class="feather feather-alert-circle" style="vertical-align: -1px">
                                    <circle cx="12" cy="12" r="10"></circle>
                                    <line x1="12" y1="8" x2="12" y2="12"></line>
                                    <line x1="12" y1="16" x2="12.01" y2="16"></line>
                                </svg>
                            </p>
                        </Tooltip>
                        <div type="button" :class="{switch:true,switchs:nightFlag}" @click="nightFlag = ! nightFlag"></div>
                    </div>
                    <div class="setting-title p-r">
                        <p class="p-default">自定义背景</p>
                        <Tooltip content="暂无法使用" placement="top">
                            <div class="ban">
                                <input type="checkbox" class="switch dis-n">
                            </div>
                        </Tooltip>
                    </div>
                    <div class="setting-title">
                        <p class="p-default">设置主题颜色</p>
                        <Tooltip content="暂无法使用" placement="bottom">
                            <div class="ban">
                                <!-- <input type="text" name="themecolor" id="" value="" class="themeinput p-blod"/> -->
                            </div>
                        </Tooltip>
                    </div>
                    <!-- <div class="h-x"></div>
                    <div class="img-list">

                         add button -->
                    <!-- <div class="add-img text-align" type="button" >
                        <span>设置</span>
                    </div>
                </div> -->
                </div>
            </div>
        </div>
    </div>

    <div class="bodymainss" id="wantUp">
        <div class="showmain">
            <div class="showbody">
                <h2 class="p-def c-pink">你好啊</h2>
                <h5 class="p-def">这里是<span class="c-pink">它</span>的介绍：</h5><br />
                <span class="text-align p-def">&nbsp;&nbsp;&nbsp;&nbsp;本网站是我的尝试之作，最开始是为了完成结课作业而存在，可后来越来越多的页面让我萌生了搭建一个完整的网站的想法！</span><br />
                <span class="text-align p-def">&nbsp;&nbsp;&nbsp;&nbsp;最初的版本可谓是丑陋不堪甚至只是个单机页面，连我都忍不住嫌弃，但我没有放弃它，让它从丑小鸭蜕变成了比较正常的鸭子（迫真）,哈哈哈</span><br />
                <span class="text-align p-def">&nbsp;&nbsp;&nbsp;&nbsp;一个人的修修补补，最终让它变得比较符合我心中的样子了，但是我一个人说的并不算，大家说好才是真的好，所以大家在使用网站的时候如果觉得哪里不好可以给我 <span class="c-pink">提交建议</span>（我保证会认真看完的！超认真的说）┗|｀O′|┛ 嗷~~</span><br />
                <span class="text-align p-def m-t">&nbsp;&nbsp;&nbsp;&nbsp;关于它的介绍,最初的我喜欢玩游戏，虽然现在没以前那么上头了,但仍是热爱游戏的少年啊,本网站旨在收集网络上的学习版资源，供大家学习（狗头保命，嘿嘿）,对了，如果我没收集到的大家可以在搜索页面提交喔,只要你想要，我能找到就会放到网站里，方便大家 <span class="p-def c-pink">所以说，觉得本站还好的话，还请多多推荐给更多人吧！</span> </span>
                <h5 class="p-def text-align margin-t-50"><span class="c-purple">至于我：</span> 本人是一名 <span class="c-pink">带专生(大专人)</span> (使用的最简单的即最rubbish的方法实现的网站，🐭🐭我啊，也十分羡慕他人呢)</h5>
                <h5 class="p-def text-align"><span class="c-green">网站完成度：</span> 目前可以基础使用，由于是瞎编乱凑的，要推翻屎山重来，也只能说未来可期</h5>
                <h5 class="p-def text-align"><span class="c-blue">之后的安排：</span> 我正在准备专升本，暂停实现拓展功能计划，距离专升本考试还有（<span class="day">d</span><span class="c-purple">:</span><span><span class="hour">1</span>小时</span><span class="c-purple">:</span><span><span class="minute">2</span>分钟</span><span class="c-purple">:</span><span><span class="second">3</span>秒</span>）</h5>
                <h5 class="p-def text-align"><span class="c-pink">可能出现的问题：</span>如果出现大问题，请联系我的QQ：1518561299 <span class="c-purple">或者到群里踢我,QQ群：747132411</span></h5>
            </div>
            <div class="but-all">
                <button type="button" class="but-pink show-box-d-m margin-b-50 button-hover" @click="showBox = !showBox">意见提交在这里</button>
                <button type="button" class="but-pink show-box-d-m margin-b-50 button-hover" @click="showBox2 = !showBox2">此次版本v.1.0.0</button>
            </div>
        </div>
        <transition name="scale">
        <div class="t-c show-box-d-m z-1 dis-def" v-show="showBox">
            <div class="p-r m-def">
<!--                <div class="input-one">-->
                    <textarea type="text" name="gameName" id="gamename" v-model.trim="wantUp.suggest" rows="5" value="" class="t-t" placeholder="快发表你的建议吧！"></textarea>
<!--                </div>-->
                <svg type="button" @click="showBox = !showBox" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle p-svg svg-but-hover" viewBox="0 0 16 16">
                    <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
                    <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
                </svg>
                <button type="button" id="tj" class="but-pink show-box-d-m m-t button-hover" @click="want()">提交</button>
            </div>
        </div>
        </transition>
        <transition name="scale">
        <div class="waike-tip dis-def" v-show="showBox2" @click="showBox2 = !showBox2" v-cloak="">
            <div class="nrbody show-box-m-d p-r">
                <div class="p-r z-index-10">
                    <h1 class="p-def c-pink">当前版本1.0.0</h1>
                    <h5 class="p-def">如果有心的你，看到了这里。那么你一定是觉得我这网站做的差强人意吧！说实话其实我也这样觉得!</h5><br>
                    <h5 class="p-def">我也见过其他人的网站，基本上都是使用各种快速建站的主题,而我是一个一个字母手搓出来的，说实话比不上那些大团队开发出来的，而且我目前的知识面非常狭窄，网站性能上也比不上那些网站，但我不会停止更新。</h5><br>
                    <h5 class="p-def">虽然我目前是无法更新了，因为有其他更重要的事情（相信看到这里的你应该知道是哪件事），等这件事忙完，我再更新网站UI和功能。</h5><br>
                    <h1 class="c-pink p-def">目前我已知的不足如下：</h1>
                    <span class="p-def">1.没有适配手机端，平板端的布局</span><br>
                    <span class="p-def">2.文章页评论功能没有折叠和展开功能，定位高亮没仔细做（草草了事）</span><br>
                    <span class="p-def">3.文章评论没有做下拉自动查询</span><br>
                    <span class="p-def">4.所有页面显示空间过小会显示异常</span><br>
                    <span class="p-def">5.评论没有使用富文本编辑器，原生textarea不能实现插入图片</span><br>
                    <span class="p-def">6.轮播图图片高度异常，在轮播图被遮挡时页面会抖动</span><br>
                    <span class="p-def">7.设置里面的拓展功能没有做完</span><br>
                    <span class="p-def">目前我已知的问题暂时将这些，如果大家在使用中遇到问题还请不厌其烦的在 <span class="c-pink">关于我</span> 页面提交一下，<span class="c-pink">为了帮助这个网站帮助大家获得更好的体验，真的感谢</span></span><br>
                    <p class="c-purple p-def text-align">点击任意位置关闭</p>
                </div>

                <div class="p-a p-img">
                    <img th:src="@{/img/background/5.png}" alt="吉祥物" width="400px" height="300px">
                </div>
            </div>
        </div>
        </transition>
    </div>
</div>
<footer class="footer p-ht" id="footer">
    <div class="footer-box show-box-sm">
        <div class="footer-all">
            <div class="footer-l">
                <span class="p-blod">AURORA 收藏屋</span>
                <div class="my-mass p-r">
                    <span class="p-blod">@ AURORA 收藏屋 -- 今朝有酒今朝醉</span>
                    <span class="p-blod">Copyright @ <span id="newyear"></span> AURORA 收藏屋</span>
                </div>
            </div>
            <div class="footer-r">
                <span class="p-def c-purple">
                    <a class="a-def" href="https://beian.miit.gov.cn/#/Integrated/index">
                    渝ICP备2022012032号
                    </a>
                </span>
            </div>
        </div>
    </div>
</footer>

<script th:src="@{/js/vue.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/fontadd.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/axios.min.js}" type="text/javascript" charset="utf-8"></script>
<!-- import iView -->
<script th:src="@{/js/iview.min.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/setting.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/waste-my-v.js}" type="text/javascript" charset="utf-8"></script>
</body>
</html>